<template>
  <div class="pugtablebox">
    <div class="el-card is-never-shadow border-0" id="list-table">
      <!--v-if-->
      <div class="el-card__body" style="">
        <div class="el-tabs el-tabs--top">
          <div class="el-tabs__header is-top">
            <!---->
            <div class="el-tabs__nav-wrap is-top">
              <!---->
              <div class="el-tabs__nav-scroll">
                <div class="el-tabs__nav is-top" role="tablist" style="transform: translateX(0px);">
                  <div class="el-tabs__active-bar is-top" style="width: 56px; transform: translateX(0px);"></div>
                  <div class="el-tabs__item is-top is-active" id="tab-first" aria-controls="pane-first" role="tab"
                    aria-selected="true" tabindex="0">支付设置
                    <!---->
                  </div>
                  <div class="el-tabs__item is-top" id="tab-second" aria-controls="pane-second" role="tab"
                    aria-selected="false" tabindex="-1">购物设置
                    <!---->
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="el-tabs__content">
            <div id="pane-first" class="el-tab-pane" role="tabpanel" aria-hidden="false" aria-labelledby="tab-first">
              <div
                class="el-table--fit el-table--border el-table--enable-row-hover el-table--enable-row-transition el-table el-table--layout-fixed mt-3 is-scrolling-none"
                data-prefix="el" style="width: 100%;">
                <div class="el-table__inner-wrapper">
                  <div class="hidden-columns">
                    <div></div>
                    <div></div>
                  </div>
                  <div class="el-table__header-wrapper">
                    <table class="el-table__header" border="0" cellpadding="0" cellspacing="0" style="width: 2230px;">
                      <colgroup>
                        <col name="el-table_2_column_7" width="2080">
                        <col name="el-table_2_column_8" width="150">
                      </colgroup>
                      <thead class="">
                        <tr class="">
                          <th class="el-table_2_column_7 is-left is-leaf el-table__cell" colspan="1" rowspan="1">
                            <div class="cell">支付方式
                              <!---->
                              <!---->
                            </div>
                          </th>
                          <th class="el-table_2_column_8 is-center is-leaf el-table__cell" colspan="1" rowspan="1">
                            <div class="cell">操作
                              <!---->
                              <!---->
                            </div>
                          </th>
                        </tr>
                      </thead>
                    </table>
                  </div>
                  <div class="el-table__body-wrapper">
                    <div class="el-scrollbar">
                      <div class="el-scrollbar__wrap el-scrollbar__wrap--hidden-default">
                        <div class="el-scrollbar__view" style="display: inline-block; vertical-align: middle;">
                          <table class="el-table__body" cellspacing="0" cellpadding="0" border="0"
                            style="table-layout: fixed; width: 2230px;">
                            <colgroup>
                              <col name="el-table_2_column_7" width="2080">
                              <col name="el-table_2_column_8" width="150">
                            </colgroup>
                            <!--v-if-->
                            <tbody>
                              <tr class="el-table__row">
                                <td class="el-table_2_column_7 is-left el-table__cell" rowspan="1" colspan="1">
                                  <div class="cell">
                                    <!---->
                                    <div class="flex items-center">
                                      <div class="el-image rounded mr-2 rounded mr-2"
                                        style="width: 40px; height: 40px;"><img src="/alipay.png"
                                          class="el-image__inner" style="object-fit: cover;">
                                        <!--v-if-->
                                      </div>
                                      <div class="flex flex-col">
                                        <h6>支付宝支付</h6><small class="flex text-gray-500 mt-1">该系统支持即时到账接口</small>
                                      </div>
                                    </div>
                                  </div>
                                </td>
                                <td class="el-table_2_column_8 is-center el-table__cell" rowspan="1" colspan="1">
                                  <div class="cell">
                                    <!----><button class="el-button el-button--text el-button--small" type="button">
                                      <!--v-if--><span class="">配置</span>
                                    </button>
                                  </div>
                                </td>
                              </tr>
                              <tr class="el-table__row">
                                <td class="el-table_2_column_7 is-left el-table__cell" rowspan="1" colspan="1">
                                  <div class="cell">
                                    <!---->
                                    <div class="flex items-center">
                                      <div class="el-image rounded mr-2 rounded mr-2"
                                        style="width: 40px; height: 40px;"><img src="/wepay.png" class="el-image__inner"
                                          style="object-fit: cover;">
                                        <!--v-if-->
                                      </div>
                                      <div class="flex flex-col">
                                        <h6>微信支付</h6><small class="flex text-gray-500 mt-1">该系统支持微信网页支付和扫码支付</small>
                                      </div>
                                    </div>
                                  </div>
                                </td>
                                <td class="el-table_2_column_8 is-center el-table__cell" rowspan="1" colspan="1">
                                  <div class="cell">
                                    <!----><button class="el-button el-button--text el-button--small" type="button">
                                      <!--v-if--><span class="">配置</span>
                                    </button>
                                  </div>
                                </td>
                              </tr>
                            </tbody>
                          </table>
                          <!--v-if-->
                          <!--v-if-->
                        </div>
                      </div>
                      <div class="el-scrollbar__bar is-horizontal" style="display: none;">
                        <div class="el-scrollbar__thumb" style="transform: translateX(0%);"></div>
                      </div>
                      <div class="el-scrollbar__bar is-vertical" style="display: none;">
                        <div class="el-scrollbar__thumb" style="transform: translateY(0%);"></div>
                      </div>
                    </div>
                  </div>
                  <div class="el-table__border-left-patch"></div>
                </div>
                <!--v-if-->
                <div class="el-table__column-resize-proxy" style="display: none;"></div>
              </div>
            </div>
            <div id="pane-second" class="el-tab-pane" role="tabpanel" aria-hidden="true" aria-labelledby="tab-second"
              style="display: none;">
              <form class="el-form el-form--default">
                <div class="el-form-item el-form-item--default"><label for="" class="el-form-item__label"
                    style="width: 160px;">未支付订单</label>
                  <div class="el-form-item__content">
                    <div>
                      <div class="el-input el-input--default el-input-group el-input-group--append"
                        style="width: 250px;">
                        <!-- input -->
                        <!-- prepend slot -->
                        <!--v-if-->
                        <div class="el-input__wrapper">
                          <!-- prefix slot -->
                          <!--v-if--><input class="el-input__inner" type="number" autocomplete="off"
                            placeholder="未支付订单"><!-- suffix slot -->
                          <!--v-if-->
                        </div><!-- append slot -->
                        <div class="el-input-group__append">分钟后自动关闭</div>
                      </div><small class="text-gray-500 flex mt-1">订单下单未付款，n分钟后自动关闭，设置0不自动关闭</small>
                    </div>
                    <!--v-if-->
                  </div>
                </div>
                <div class="el-form-item el-form-item--default"><label for="" class="el-form-item__label"
                    style="width: 160px;">已发货订单</label>
                  <div class="el-form-item__content">
                    <div>
                      <div class="el-input el-input--default el-input-group el-input-group--append"
                        style="width: 250px;">
                        <!-- input -->
                        <!-- prepend slot -->
                        <!--v-if-->
                        <div class="el-input__wrapper">
                          <!-- prefix slot -->
                          <!--v-if--><input class="el-input__inner" type="number" autocomplete="off"
                            placeholder="已发货订单"><!-- suffix slot -->
                          <!--v-if-->
                        </div><!-- append slot -->
                        <div class="el-input-group__append">天后自动确认收货</div>
                      </div><small class="text-gray-500 flex mt-1">如果在期间未确认收货，系统自动完成收货，设置0不自动收货</small>
                    </div>
                    <!--v-if-->
                  </div>
                </div>
                <div class="el-form-item el-form-item--default"><label for="" class="el-form-item__label"
                    style="width: 160px;">已完成订单</label>
                  <div class="el-form-item__content">
                    <div>
                      <div class="el-input el-input--default el-input-group el-input-group--append"
                        style="width: 250px;">
                        <!-- input -->
                        <!-- prepend slot -->
                        <!--v-if-->
                        <div class="el-input__wrapper">
                          <!-- prefix slot -->
                          <!--v-if--><input class="el-input__inner" type="number" autocomplete="off"
                            placeholder="已完成订单"><!-- suffix slot -->
                          <!--v-if-->
                        </div><!-- append slot -->
                        <div class="el-input-group__append">天内允许申请售后</div>
                      </div><small class="text-gray-500 flex mt-1">订单完成后 ，用户在n天内可以发起售后申请，设置0不允许申请售后</small>
                    </div>
                    <!--v-if-->
                  </div>
                </div>
                <div class="el-form-item el-form-item--default">
                  <!--v-if-->
                  <div class="el-form-item__content" style="margin-left: 160px;"><button
                      class="el-button el-button--primary el-button--default" type="button">
                      <!--v-if--><span class="">保存</span>
                    </button>
                    <!--v-if-->
                  </div>
                </div>
              </form>
            </div>
          </div>
        </div>
        <div class="el-overlay" style="z-index: 2010; display: none;">
          <div aria-modal="true" aria-labelledby="el-drawer__title" aria-label="配置" class="el-drawer rtl" role="dialog"
            style="width: 45%;">
            <header id="el-drawer__title" class="el-drawer__header"><span role="heading" title="配置">配置</span><button
                aria-label="close 配置" class="el-drawer__close-btn" type="button"><i
                  class="el-icon el-drawer__close"><svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
                    <path fill="currentColor"
                      d="M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z">
                    </path>
                  </svg></i></button></header>
            <!--v-if-->
            <!--v-if-->
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script  setup>
</script>
